<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="format-detection" content="telephone=no"/>
  <link rel="shortcut icon" href="images/dzlogo.ico"/>
  <title>兄弟科技</title>
  <meta name="keywords" content="兄弟科技"/>
  <meta name="description" content="兄弟科技"/>
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  <link rel="stylesheet" type="text/css" href="css/common.css">
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="css/index.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">

  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/swiper.min.js"></script>
  <script src="js/smoothScroll.js"></script>

  <script src="js/index.js"></script>

  <script>
    if (navigator.appName == 'Microsoft Internet Explorer' && (navigator.appVersion.match(/7./i) == '7.' || navigator.appVersion.match(/8./i) == '8.' || navigator.appVersion.match(/9./i) == '9.')) {
      self.location.href = 'ie/ie.html'
    }
  </script>
</head>

<body>

<!--  / header  -->
<div class="header hidden-xs">
  <div class="header_top clearfix">
    <div class="logo"><a href="index.html"><img src="images/logo.png" alt="" width="100%"></a></div>
    <!--<div class="home"><a href="index.html"><img style="margin-top: 10px;" src="images/home.png" alt="" width="100%"></a></div>-->
    <div class="phone">
      <h3>
        <span>股票代码：<i>002562</i></span>|
        <span>热线电话：<i>0573-87006612</i></span>
      </h3>
    </div>
  </div>
  <div class="header_bot">
    <ul class="clearfix">
      <li><a href="index.html">首页</a></li>
      <li>
        <a href="about.html">关于我们</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="about.html#gsjj">公司介绍</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#jdjj">基地介绍</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#fzlc">发展历程</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#qywh">企业文化</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="about.html#ryzz">荣誉资质</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="product.html">产品与服务</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="product.html#wss">维生素事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#pihua">皮化事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#xiangliao">原料药事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#xiangliao">香料事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="product.html#mggs">制剂事业部</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="develop.html">可持续发展</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="develop.html">安全管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">环保管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">研发创新</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">质量管理</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="develop.html">社会责任与公益</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="culture.html">投资者关系</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="culture.html#tzzgx">公司公告</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="culture.html#tzzgx">投资者互动</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="culture.html#lxwm">联系我们</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
      <li>
        <a href="resources.html">人力资源</a>
        <div class="nav_list">
          <div class="nav_top clearfix">
            <div class="som_nav">
              <h3><span></span>“兄弟创造美好生活”</h3>
            </div>
          </div>
          <div class="nav_bot clearfix">
            <div class="nav_left nav_left1">
              <h3>兄弟科技</h3>
            </div>
            <div class="nav_menu">
                <ul class="nav_type clearfix">
                  <li>
                    <a href="resources.html#zyfz">职业发展</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="resources.html#xlfz">训练与发展</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                  <li>
                    <a href="resources.html#zwzp">职位招聘</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                   <li>
                    <a href="resources.html#ygfc">员工风采</a>
                    <img src="images/arrows_1.png" alt="">
                  </li>
                </ul>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>

</div>
<!--  / header  -->
<!--  / 移动端  -->
<header class="phone visible-xs">
  <div class="headerbg">
    <div class="menu_box">
      <div class="container">
        <div class="logo_boxlist"><a href="index.html"><img src="images/logo.png" style=" width:100%;"></a></div>
        <div class="containeritem">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" aria-expanded="false"><span class="sr-only"></span>
              <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button>
          </div>
          <div class="collapse navbar-collapse" id="header-nav">
            <ul class="nav navbar-nav">
              <li><a href="index.html">首页</a></li>
              <li><a href="about.html">关于我们</a></li>
              <li><a href="product.html">产品与服务</a></li>
              <li><a href="develop.html">可持续发展</a></li>
              <li><a href="resources.html">投资者关系</a></li>
              <li><a href="culture.html">人力资源</a></li>
            </ul>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <nav></nav>
  </div>
</header>
<!--  / 移动端  -->

<!--  / banner  -->
<div class="banner">
  <img src="images/about_banner.jpg" alt="">
</div>
<!--  / banner  -->

<!--  / warpper  -->
<div class="warpper">
  <div class="about_sec1" id="gsjj">
    <div class="about_sec1_box row">
      <div class="about_sec1_txt col-sm-6">
        <div class="about_sec1_txt_box">
          <h6>公司介绍</h6>
          <div class="line"></div>
          <p>经过二十多年的发展，为全球客户在皮革化工品、维生素、医药原料药、香精香料等领域提供环保、安全、健康、优质的产品和满意的服务，创造价值，现已成长为拥有四个事业部、八个全资子公司、2000多名员工的集团型企业，并2011年在深圳证券交易所成功上市。现已在浙江、江苏和江西分别建立有专业生产基地。</p>
          <div class="dian">......</div>
          <a href="about_dot.html" class="more_btn">More<span><img src="images/more.png" alt=""><img src="images/more2.png" alt=""></span></a>
        </div>
      </div>
      <div class="about_sec1_img col-sm-6">
        <div class="swiper-container about_sec1_swiper">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <div class="about_sec1_img_box">
                <img src="images/about_sec1_img.jpg" alt="" width="100%" />
              </div>
            </div>
            <div class="swiper-slide">
              <div class="about_sec1_img_box">
                <img src="images/about_sec1_img.jpg" alt="" width="100%" />
              </div>
            </div>
            <div class="swiper-slide">
              <div class="about_sec1_img_box">
                <img src="images/about_sec1_img.jpg" alt="" width="100%" />
              </div>
            </div>
            <div class="swiper-slide">
              <div class="about_sec1_img_box">
                <img src="images/about_sec1_img.jpg" alt="" width="100%" />
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-pagination about_sec1_swiper-pagination"></div>
      </div>
    </div>
  </div>
  
  <div class="about_base" id="jdjj">
    <div class="common_tit">
      <h3>基地介绍</h3>
      <p>最新的新闻资讯 实时更新 时时关注 与您共享</p>
    </div>
    <div class="about_base_con clearfix">
      <div class="about_base_box">
        <a href="about_base.html">
          <img src="images/about_base1.jpg" class="hidden-xs" width="100%">
          <div class="about_base_box_phone" style="background: url('images/about_base1.jpg') no-repeat center;background-size: cover;"></div>
          <div class="about_base_bg">
              <div class="text">
                  <h6>1</h6>
                  <h4>九江基地</h4>
                  <p>jiujiang BASE</p>
              </div>
          </div>
        </a>
      </div>
      <div class="about_base_box">
        <a href="about_base.html">
          <img src="images/about_base2.jpg" class="hidden-xs" width="100%">
          <div class="about_base_box_phone" style="background: url('images/about_base2.jpg') no-repeat center;background-size: cover;"></div>
          <div class="about_base_bg">
              <div class="text">
                  <h6>2</h6>
                  <h4>海宁基地</h4>
                  <p>haining BASE</p>
              </div>
          </div>
        </a>
      </div>
      <div class="about_base_box">
        <a href="about_base.html">
          <img src="images/about_base2.jpg" class="hidden-xs" width="100%">
          <div class="about_base_box_phone" style="background: url('images/about_base3.jpg') no-repeat center; background-size: cover;"></div>
          <div class="about_base_bg">
              <div class="text">
                  <h6>3</h6>
                  <h4>大丰基地</h4>
                  <p>DAFENG BASE</p>
              </div>
          </div>
        </a>
      </div>

    </div>
  </div>


  <div class="about_sec4">
    <div class="about_sec4_bg">
      <img src="images/about_sec4_bg.jpg" class="hiddex-xs" alt="" width="100%" />
      <div class="about_sec4_txt">
        <div class="line"></div>
        <p>为全球客户在皮革化工品、维生素、医药原料药、香精香料等领域</p>
        <p>提供环保、安全、健康、优质的产品和</p>
        <p>满意的服务，创造价值</p>
        <img src="images/more5_2.png" alt="" />
      </div>
    </div>
  </div>

  <div class="about_sec3" id="fzlc">
    <div class="common_tit">
      <h3>发展历程</h3>
      <p>最新的新闻资讯 实时更新 时时关注 与您共享</p>
    </div>
    <div class="about_sec3_box">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="about_sec3_right">
            <div class="swiper-container about3-swiper">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
                <div class="swiper-slide">
                  <div class="about_sec3_img">
                    <img src="images/about_sec3_img01.jpg" alt="" width="100%">
                  </div>
                </div>
              </div>
              <div class="swiper-pagination about3-swiper-pagination"></div>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="about_sec3_left">
            <div class="about_sec3_text" style="display: block;">
              <div class="about_sec3_text_con">
                <h2>2005</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2008</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2009</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2010</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2011</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2012</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2013</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2014</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2015</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_text">
              <div class="about_sec3_text_con">
                <h2>2016</h2>
                <p>2006年8月  浙江兄弟化工有限公司增资，注册资本增至6000万元</p>
                <p>2006年9月  浙江兄弟化工有限公司更名为兄弟科技集团有限公司</p>
                <h5>xiongdikeji</h5>
              </div>
            </div>
            <div class="about_sec3_btn2 clearfix">
              <div class="about_sec3_prev">
                <img src="images/about_sec3_prev.png" alt="" />
                <img src="images/about_sec3_prev2.png" alt="" />
              </div>
              <div class="about_sec3_next">
                <img src="images/about_sec3_next.png" alt="" />
                <img src="images/about_sec3_next2.png" alt="" />
              </div>
            </div>
          </div>
        </div>
        <div class="about_sec3_btn clearfix">
          <div class="about_sec3_prev"><img src="images/about_sec3_prev3.png" alt="" /></div>
          <div class="about_sec3_next"><img src="images/about_sec3_next3.png" alt="" /></div>
        </div>
        <div class="timeline-years animate--timeline clearfix">
          <div class="timeline-years__full-line animate honor_timeline-years__full-line"></div>
          <div class="mx-auto relative">
            <div class="timeline-years_active-line" style="width: 60%;"></div>
            <div class="timeline-year-container">
              <div class="timeline-years_year timeline-years_year-0 active" data-index="0">2005</div>
              <div class="timeline-years_year timeline-years_year-1" data-index="1">2008</div>
              <div class="timeline-years_year timeline-years_year-2" data-index="2">2009</div>
              <div class="timeline-years_year timeline-years_year-3" data-index="3">2010</div>
              <div class="timeline-years_year timeline-years_year-4" data-index="4">2011</div>
              <div class="timeline-years_year timeline-years_year-5" data-index="5">2012</div>
              <div class="timeline-years_year timeline-years_year-6" data-index="6">2013</div>
              <div class="timeline-years_year timeline-years_year-7" data-index="7">2014</div>
              <div class="timeline-years_year timeline-years_year-8" data-index="8">2015</div>
              <div class="timeline-years_year timeline-years_year-9" data-index="9">2016</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  <div class="culture_sec1_title" id="qywh">
    <div class="common_tit">
      <h3>企业文化</h3>
      <p>最新的新闻资讯 实时更新 时时关注 与您共享</p>
    </div>
  </div>
  <div class="culture_sec1 clearfix">
    <div class="culture_sec1_left">
      <div class="swiper-container culture_sec1_txt_swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide stop">
            <div class="culture_sec1_icon">
              <img src="images/culture_sec1_icon01.jpg" alt="" />
            </div>
            <div class="culture_sec1_txt clearfix">
              <h6>兄弟使命</h6>
              <p>致力于提供优质的产品和满意的服务-------为客户创造价值，为员工谋求发展，为股东赢得利益，为创建和谐社会承担相应责任</p>
            </div>
          </div>
          <div class="swiper-slide stop">
            <div class="culture_sec1_icon">
              <img src="images/culture_sec1_icon01.jpg" alt="" />
            </div>
            <div class="culture_sec1_txt">
              <h6>兄弟愿望</h6>
              <p>致力于提供优质的产品和满意的服务-------为客户创造价值，为员工谋求发展，为股东赢得利益，为创建和谐社会承担相应责任</p>
            </div>
          </div>
          <div class="swiper-slide stop">
            <div class="culture_sec1_icon">
              <img src="images/culture_sec1_icon01.jpg" alt="" />
            </div>
            <div class="culture_sec1_txt">
              <h6>经营理念</h6>
              <p>致力于提供优质的产品和满意的服务-------为客户创造价值，为员工谋求发展，为股东赢得利益，为创建和谐社会承担相应责任</p>
            </div>
          </div>
          <div class="swiper-slide stop">
            <div class="culture_sec1_icon">
              <img src="images/culture_sec1_icon01.jpg" alt="" />
            </div>
            <div class="culture_sec1_txt">
              <h6>企业精神</h6>
              <p>致力于提供优质的产品和满意的服务-------为客户创造价值，为员工谋求发展，为股东赢得利益，为创建和谐社会承担相应责任</p>
            </div>
          </div>
          <div class="swiper-slide stop">
            <div class="culture_sec1_icon">
              <img src="images/culture_sec1_icon01.jpg" alt="" />
            </div>
            <div class="culture_sec1_txt">
              <h6>行为准则</h6>
              <p>致力于提供优质的产品和满意的服务-------为客户创造价值，为员工谋求发展，为股东赢得利益，为创建和谐社会承担相应责任</p>
            </div>
          </div>
        </div>
      </div>
      <div class="culture_sec1_swiper_btn clearfix">
        <div class="culture_sec1_swiper_prev">
          <img src="images/culture_sec1_swiper_prev.png" alt="" />
        </div>
        <div class="culture_sec1_swiper_next active">
          <img src="images/about_sec3_next2.png" alt="" />
        </div>
      </div>
    </div>
    
    <div class="culture_sec1_right">
      <div class="swiper-container culture_sec1_img_swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide stop">
            <div class="culture_sec1_img">
              <img src="images/culture_sec1_img01.jpg" alt="" width="100%" />
            </div>
          </div>
          <div class="swiper-slide stop">
            <div class="culture_sec1_img">
              <img src="images/culture_sec1_img01.jpg" alt="" width="100%" />
            </div>
          </div>
          <div class="swiper-slide stop">
            <div class="culture_sec1_img">
              <img src="images/culture_sec1_img01.jpg" alt="" width="100%" />
            </div>
          </div>
          <div class="swiper-slide stop">
            <div class="culture_sec1_img">
              <img src="images/culture_sec1_img01.jpg" alt="" width="100%" />
            </div>
          </div>
          <div class="swiper-slide stop">
            <div class="culture_sec1_img">
              <img src="images/culture_sec1_img01.jpg" alt="" width="100%" />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="about_sec5" id="ryzz">
    <div class="common_tit">
      <h3>荣誉资质</h3>
      <p>最新的新闻资讯 实时更新 时时关注 与您共享</p>
    </div>
    <div class="about_sec5_con">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 about_sec5_conLeft">
          <div class="swiper-container swiper_about_sec5">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <div class="swiper_about_sec5Img">
                  <img src="images/about_sec5_img01.jpg" width="100%" />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="swiper_about_sec5Img">
                  <img src="images/about_sec5_img02.jpg" width="100%" />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="swiper_about_sec5Img">
                  <img src="images/about_sec5_img03.jpg" width="100%" />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="swiper_about_sec5Img">
                  <img src="images/about_sec5_img01.jpg" width="100%" />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="swiper_about_sec5Img">
                  <img src="images/about_sec5_img02.jpg" width="100%" />
                </div>
              </div>
              <div class="swiper-slide">
                <div class="swiper_about_sec5Img">
                  <img src="images/about_sec5_img03.jpg" width="100%" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6 about_sec5_conRight hidden-xs">
          <div class="clearfix">
            <div class="about_sec5_conList">
                <div>
                <h4>工业企业三十优</h4>
              </div>
            </div>
            <div class="about_sec5_conList">
              <div>
                <h4>兄弟皮革化工</h4>
              </div>
            </div>
            <div class="about_sec5_conList">
              <div>
                <h4>纳税二十强</h4>
              </div>
            </div>
            <div class="about_sec5_conList">
              <div>
                <h4>工业企业三十优</h4>
              </div>
            </div>
            <div class="about_sec5_conList">
              <div>
                <h4>兄弟皮革化工</h4>
              </div>
            </div>
            <div class="about_sec5_conList">
              <div>
                <h4>纳税二十强</h4>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="about_swiper5B clearfix">
        <div class="about_swiper5P"><img src="images/about_sec3_prev.png" alt="" /></div>
        <div class="about_swiper5N"><img src="images/about_sec3_next2.png" alt="" /></div>
      </div>
    </div>
  </div>

</div>
<!--  / warpper  -->

<!--  / footer  -->
<div class="footer hidden-xs">
  <div class="footerwarp">
    <div class="footernav">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6">
          <ul class="clearfix">
            <li><a href="index.html">首页</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="product.html">产品与服务</a></li>
            <li><a href="develop.html">可持续发展</a></li>
            <li><a href="resources.html">投资者关系</a></li>
            <li><a href="culture.html">人力资源</a></li>
          </ul>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="footer-zx">
            <div class="footer-phone"><img src="images/mail.png">marketing@byzjbyq.com</div>
            <a href="javascript:;">
              <img src="images/zxkf.png" alt="">
              <span>咨询在线客服</span>
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="footercopy">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="footerlogo">
            <img src="images/logo.png" alt="">
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-6">
          <div class="copy hidden-xs">Copyright 2018 © <span>兄弟科技</span> All Rights Reserved.</div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="footer visible-xs">
   <div class="copy visible-xs">Copyright 2018 © <span>兄弟科技</span></div>
</div>
<!--  / footer  -->
</body>

<script>
  $(function () {
    $(".header_bot > ul > li").on('mouseenter', function() {
        $(this).find('.nav_list').stop(true).slideDown(400)
    })

    $(".header_bot > ul > li").on('mouseleave', function() {
        $(this).find('.nav_list').stop(true).slideUp(400)
    })

    var mySwiper = new Swiper('.about_sec1_swiper', {
      autoplay: 3000,
      speed: 500,
      loop: true,
      pagination : '.about_sec1_swiper-pagination',
      paginationClickable :true,
      autoplayDisableOnInteraction : false,
    })

    var about3Swiper = new Swiper('.about3-swiper', {
      autoplay: 5000,
      loop: true,
      prevButton:'.about_sec3_prev',
      nextButton:'.about_sec3_next',
      pagination : '.about3-swiper-pagination',
      paginationClickable :true,
      onSlideChangeStart: function (swiper) {
        $('.about_sec3_text').eq(swiper.realIndex).fadeIn().siblings('.about_sec3_text').fadeOut()
      },
      onSlideChangeEnd: function(swiper){
        console.log(swiper.activeIndex) //切换结束时，告诉我现在是第几个slide
        $('.timeline-year-container .timeline-years_year').each(function(i) {
          $('.timeline-year-container .timeline-years_year').eq(i).removeClass('active')
        })
        $('.timeline-year-container .timeline-years_year').eq(swiper.activeIndex - 1).addClass('active')
      }
    })

    $('.timeline-year-container .timeline-years_year').each(function(i) {
      $('.timeline-year-container .timeline-years_year').eq(i).click(function() {
        $('.timeline-year-container .timeline-years_year').each(function(i) {
          $('.timeline-year-container .timeline-years_year').eq(i).removeClass('active')
        })
        $('.about3-swiper-pagination .swiper-pagination-bullet').eq(i).click()
        $(this).addClass('active')
      })
    })

    $('.about_sec3_btn > div').on('click',function(){
      $(this).addClass('active').siblings().removeClass('active')
    })



    var aboutSwiper5 = new Swiper('.swiper_about_sec5', {
      autoplay: 3000, //可选选项，自动滑动
      // loop: true, //可选选项，开启循环
      // loopAdditionalSlides: 4,
      initialSlide :2,
      slidesPerView: 1, //显示slide个数
      onInit:function(swiper) {
        $('.swiper_about_sec5 .swiper-slide').eq(swiper.activeIndex).css('margin-right',$('.about_sec5_conRight').width()+30).siblings().css('margin-right','0px')
      },
      onSlideChangeStart:function(swiper) {
        $('.swiper_about_sec5 .swiper-slide').eq(swiper.activeIndex).css('margin-right',$('.about_sec5_conRight').width()+30).siblings().css('margin-right','0px')
        $('.about_sec5_conList').eq(swiper.activeIndex).stop(true).fadeIn().siblings().stop(true).fadeOut();
        $('.about_sec5_conList').eq(swiper.activeIndex).css('display','table')
      },
    })

    $('.about_swiper5P').on('click',function() {
      aboutSwiper5.slidePrev()
    })
    $('.about_swiper5N').on('click',function() {
      aboutSwiper5.slideNext()
    })


    var aboutSwiper7 = new Swiper('.swiper_about_sec7', {
      autoplay: 5000, //可选选项，自动滑动
      loop: true, //可选选项，开启循环
      slidesPerView: 'auto',
      spaceBetween : 20,
      centeredSlides: true,
      onSlideChangeStart:function(swiper) {
        $('.about_sec7_txt_box').eq(swiper.realIndex).fadeIn().siblings().fadeOut();
      },
    })

    $('.about_swiper7P').on('click',function() {
      aboutSwiper7.slidePrev()
    })
    $('.about_swiper7N').on('click',function() {
      aboutSwiper7.slideNext()
    })


    var cultureSwiper1 = new Swiper('.culture_sec1_txt_swiper', {
      autoplay: 5000,
      loop: true,
      speed: 500,
      noSwipingClass : 'stop',
      effect : 'fade',
      prevButton:'.culture_sec1_swiper_prev',
      nextButton:'.culture_sec1_swiper_next',
    })
    var cultureSwiper2 = new Swiper('.culture_sec1_img_swiper', {
      autoplay: 5000,
      loop: true,
      speed: 500,
      spaceBetween : 20,
      noSwipingClass : 'stop',
      prevButton:'.culture_sec1_swiper_prev',
      nextButton:'.culture_sec1_swiper_next',
    })

    $('.culture_sec1_swiper_prev').on('click', function(e){
      e.preventDefault()
      cultureSwiper1.swipePrev()
      cultureSwiper2.swipePrev()
    })
    
    $('.culture_sec1_swiper_next').on('click', function(e){
      e.preventDefault()
      cultureSwiper1.swipeNext()
      cultureSwiper2.swipeNext()
    })


    


    

  })

  $(document).ready(function(e) {
    var length=$(".timeline-years_year").length;
    var minlength=100/length;
    var nowind=0;
    var stoped=1;
    var timeline = null
    $(".about_year_txt").eq(0).show().siblings().hide();
    $('.timeline-years_year').css('width', 100/length + '%')
  });

  $(window).load(function () {
    /*锚点缓动*/
    $("html,body").animate({scrollTop:0},0)
    var url = window.location.toString();
    var id = url.split("#")[1];
    if(id && id!=""){ 
      if($("#"+id).length>0){
        var t = $("#"+id).offset().top-150;
        $("html,body").animate({scrollTop:t},1000)
      }
    }

    $('a').click(function(){
      if($(this).attr("href") && $(this).attr("href").split("#")[1]){
        var a=$(this).attr("href").split("#")[1];
        var p=$("#"+a).offset().top-150;
        $("html,body").animate({scrollTop:p},1000);
      }
    })

    $('.about_sec1_txt').height($('.about_sec1_img').height())
    $('.about_sec3_left').height($('.about_sec3_right').height())
    $('.about_sec5_conRight,.about_sec5_conList').height($('.about_sec5_conLeft').height())
    $('.about_sec7_txt_box').height($('.swiper_about_sec7').height())
    $('.culture_sec1_left').height($('.culture_sec1_right').height())
  })

  $(window).resize(function () {
    $('.about_sec1_txt').height($('.about_sec1_img').height())
    $('.about_sec3_left').height($('.about_sec3_right').height())
    $('.about_sec5_conRight,.about_sec5_conList').height($('.about_sec5_conLeft').height())
    $('.about_sec7_txt_box').height($('.swiper_about_sec7').height())
    $('.culture_sec1_left').height($('.culture_sec1_right').height())
  })

  setTimeout(function () {
    $('.banner').addClass('active')
  }, 300)
  $(window).scroll(function () {
    var h = $(window).scrollTop()
    if (h > $('.header_top').outerHeight(true)) {
      $('.header_top').stop().slideUp()
      
    } else {
      $('.header_top').stop().slideDown()
    }
  })
</script>
</html>
